<!--
  Generated template for the HistoryPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->



<ion-content>


  <div style="height: 4rem;width: 100%;background-color: #f8f9fd">
    <p style="padding: 0;margin: 0; text-align: center;line-height: 4rem;">观看记录</p>
  </div>

  <ul style="margin: -0.5rem 0 0 -2.85rem;">
    <li class="item-thumbnail-left" *ngFor="let item of video_datas" style="list-style-type:none; padding-left: -40px;">
      <!--<ion-card  (click)="new (item.id,item.url,item.name,item.depict)" style="padding: 0;">-->
      <ion-card  (click)="new (item.id)" style="padding: 0;border-radius:0.5rem;">
        <ion-card-content  style="padding:0; ">
          <div style="float:left;width:32%;height:32%;">
            <img  src="{{item.img}}" style="width:100%;height:7.8rem;border-radius:0.5rem;box-shadow: 1px 2px 2px 1px #dfdfdf">
          </div>
          <div style="margin-left:0.6rem;float:left;width:63%">

            <div style="margin-top: 1rem;">
              <span style="padding-top:0.85rem;font-size:1.5rem;">{{item.name}}</span>

            </div>

            <!--<p style="font-size:0.8rem;margin-top:0.4rem"> {{item.duration.substr(3,5)}}</p>-->

            <p style="font-size:0.8rem;margin-top:0.4rem;overflow: hidden;color: #afafb8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;">{{item.depict}}</p>

          </div>
        </ion-card-content>

      </ion-card>
    </li>
  </ul>



</ion-content>
